<script setup>
  // 一,变量与常量
  // 变量使用let关键字进行声明,可以对值进行修改
  // 常量使用const关键字进行声明,不可以对值进行修改
  // 但是当我们使用const去声明引用数据时,引用数据内部的数据是可以进行修改的
  // 比如对象\数组等

  // let num = 10;
  // console.log(num)
  // num = 20;
  // console.log(num)

  // const num = 10;
  // console.log(num);
  // num = 320;
  // console.log(num);

  // const arr = []
  // arr.push(12)
  // arr.push(13)
  // console.log(arr)

  // const obj = {
  //   name: "careathers"
  // }
  // obj["age"] = 18
  // obj["name"] = "Lucy"
  // console.log(obj)

  // 二,模板字符串
  // 模板字符串相较于普通字符串,新增了两个功能:
  //   1.字符串可以换行
  //   2.字符串内部切入表达式

  // const content = "蛇年大吉,新春快乐!"
  // const str = 
  // `<div class="div-box">
  //   <a href="https://www.baidu.com">跳转至百度</a>
  //   <h3>${content}</h3> 
  //  </div>`
  // console.log(str)

  // 三,对象
  // 用于描述一个个体,由属性和方法组成

  const name = "careathers"
  const age = 18
  const study = () => {
    console.log("人之初,性本善")
  }
  // 使用对象简写
  const student = {
    name,
    age,
    study
  }
  console.log(student)
  student.study()

</script>

<template>
  <div>
    <!-- <span v-html="str"></span> -->
  </div>
</template>

<style scoped>

</style>